<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/flexible.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="header-icon">
            &#xe647;
        </div>
        <div class="header-search">
            <input type="text " placeholder="今日推荐">
        </div>
        <div class="logoin">
            <a href="#">登录</a>
        </div>
    </div>
    <!-- 图片 -->
    <div class="banner">
        <a href="#"><img src="images/banner1.dpg" alt=""></a>
    </div>
    <!-- hot -->
    <div class="hot">
        <div class="hot-w">
            <div class="hot-x">
                <a href="#">
                    <img src="images/a1.dpg" alt="">
                </a>
            </div>
            <div class="hot-x">
                <a href="#">
                    <img src="images/a2.dpg" alt="">
                </a>
            </div>
            <div class="hot-x">
                <a href="#">
                    <img src="images/a3.dpg" alt="">
                </a>
            </div>
        </div>
    </div>
    <!-- boxlist -->
    <div class="box">
        <div class="box-t">
            <a href="#">
                <img src="images/c1.png.webp" alt="">
                <p>京东超市</p>
            </a>
            <a href="#">
                <img src="images/c2.png.webp" alt="">
                <p>海囤全球</p>
            </a>
            <a href="#">
                <img src="images/c3.png.webp" alt="">
                <p>京东服饰</p>
            </a>
            <a href="#">
                <img src="images/c4.png.webp" alt="">
                <p>京东生鲜</p>
            </a>
            <a href="#">
                <img src="images/c5.png.webp" alt="">
                <p>京东到家</p>
            </a>

        </div>
        <div class="box-d">
            <a href="#">
                <img src="images/c6.png.webp" alt="">
                <p>充值缴费</p>
            </a>
            <a href="#">
                <img src="images/c7.png.webp" alt="">
                <p>9.9元拼</p>
            </a>
            <a href="#">
                <img src="images/c8.gif" alt="">
                <p>领劵</p>
            </a>
            <a href="#">
                <img src="images/c9.png.webp" alt="">
                <p>赚钱</p>
            </a>
            <a href="#">
                <img src="images/c10.png.webp" alt="">
                <p>全部</p>
            </a>
        </div>
    </div>
    <!-- floor -->
    <div class="floor">
        <div class="floor-w">
            <div class="ft">
                <div class="ftl">
                    <img src="images//1.png" alt="">
                </div>
                <span>10点整</span>
            </div>
            <div class="fd"></div>
        </div>
    </div>
    <!-- foot -->
    <div class="foot">
        <div class="fx">
            <a href="#">
                <img src="images/tabbar1.png" alt="">
            </a>
        </div>
        <div class="fx">
            <a href="#">
                <img src="images/tabbar2.png" alt="">
            </a>
        </div>
        <div class="fx">
            <a href="#">
                <img src="images/tabbar3.png" alt="">
            </a>
        </div>
        <div class="fx">
            <a href="#">
                <img src="images/tabbar4.png" alt="">
            </a>
        </div>
        <div class="fx">
            <a href="#">
                <img src="images/tabbar5.png" alt="">
            </a>
        </div>
    </div>
</body>

</html>